<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航栏</title>
    <!--导航栏=链接列表-->
    <!--作为标准的HTML基础一个导航栏是必须的-->
    <!--。在我们的例子中我们将建立一个标准的HTML列表导航栏。-->
    <!--导航条基本上是一个链接列表，所以使用 <ul> 和 <li>元素非常有意义：-->
</head>
<body>
<ul>
    <li><a href="#home">主页</a></li>
    <li><a href="#news">新闻</a></li>
    <li><a href="#contact">联系</a></li>
    <li><a href="#about">关于</a></li>
</ul>
<p>注意：这里我们用href=“#”作为测试连接。但在一个真正的web站点上需要真实的url。</p>
</body>
</html>